header {

    display: flex;
    flex-direction: column;

    background: url(../../assets/imgs/sign-bg.jpg)no-repeat;
    background-size: cover;
    padding-left: 30px;

    // 注册
    p {
        margin: 30px 0;
        text-align: right;
        background: rgba(0, 0, 0, 0);


        button {
            color: #fff;
            background-color: rgba(0, 0, 0, 0);
            font-size: 20px;
            margin-right: 20px;

            a {
                color: #fff;
            }
        }

    }

    h1 {
        color: #fff;

        font-size: 28px;
        margin-bottom: 10px;

    }

    h2 {
        font-size: 16px;
        color: rgba(255, 255, 255, 100);
        margin-top: 5px;

        font-weight: lighter;
        margin-bottom: 10px;
    }

    // 输入框
    main {
        display: flex;
        flex-direction: column;
        padding-right: 30px;

        input {
            height: 50px;
            margin: 5px 0;
            width: 100%;
            text-indent: 20px;
            border-radius: 20px;

            background-color: rgba(255, 255, 255, 0.4);
        }

        input::-webkit-input-placeholder {
            color: #fff;
        }

        div {
            input {
                width: 60%;
            }

            span {
                height: 48px;
               
                width: 40%;
                margin: 5px 0;

                text-align: center;
                line-height: 48px;
                border-radius: 20px;

                i {
                    margin: 0 5px;
                    font-size: 20px;
                }
            }
        }

    }

    // 登录
    .enter {
        margin-top: 5px;
        width: 100%;
        height: 50px;
        border-radius: 20px;
        color: #fff;
        background-color: rgba(99, 255, 167, 0.4);
        margin-bottom: 20px;
    }

    div {
        display: flex;
        justify-content: end;

        button {
            margin: 0 10px;
            color: #fff;
            background-color: rgba(0, 0, 0, 0);
        }

    }

    section {
        color: #fff;
        text-align: center;
        position: absolute;


        left: 50%;
        bottom: 20%;
        transform: translateX(-50%);

    }
}

